import React,{Component} from 'react';
import { Form, Table, message } from 'antd';
import './index.less';
import axios from 'axios';
import Bread from '../common/Bread/index';
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'


class documentPdf extends React.Component {
  constructor(props) {
		super(props);
		this.state = {
			flag: 0,
	  	}
  	}
	
  	toggle =()=>{
  		if(this.state.flag == 0){
  			this.setState({
  				flag: 1
  			})
  		}else {
  			this.setState({
  				flag: 0
  			})
  		}
  	}
	render(){
		const showOrNot = (this.state.flag == 1) ? '' : 'hide';
		return(
			<div>
				<Bread bread={['文档',['文档','documentPdf']]}/>
				<div className="logBox">
				<div className="userHelp">
					<p onClick={this.toggle}>
						<img src={require('./img/pdf.png')} />
						<span>BaaS平台用户使用手册</span>
					</p>
				</div>
				<iframe className={showOrNot} width="100%" height="400px" src="https://sinochem.oss-cn-beijing.aliyuncs.com/imgUrl/%E4%B8%AD%E5%8C%96BaaS%E5%B9%B3%E5%8F%B0%E7%94%A8%E6%88%B7%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8C(1).pdf"></iframe>
			</div>
			</div>	
			)
	}
}

export default documentPdf

